.login-container {
    height: calc(100% - 50px);
    /* 开启弹性布局 */
    display: flex;
    /* 设置弹性布局里面的元素 垂直水平居中 */
    justify-content: center;
    align-items: center;
}

.login-dialog {
    width: 400px;
    height: 400px;
    background-color: rgba(255, 255, 255,0.7);
    border-radius: 10px;
}

.login-dialog h3{
    text-align: center;
    padding: 50px 0;
}
/* 针对行设置样式 */
.login-container .row{
    width: 100%;
    height: 50px;
    /* 开启弹性布局 */
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-dialog .row span {
    width: 60px;
    /* 设置字体粗度 */
    font-weight: 600;
}

/* 使用id选择器进行样式设置 */
#username, #password {
    width: 170px;
    height: 40px;
    /* 修饰边框样式 */
    border: none;
    outline: none;
    border-radius: 10px;
    /* 设置输入框内字体大小 */
    font-size: 20px;
    line-height: 40px;
    padding-left: 10px;
}
/* 使用id选择器 */
#submit {
    width: 300px;
    height: 40px;
    /* 设置背景字体颜色 */
    background-color: rgb(0, 128, 0);
    color: white;
    border: none;
    height: none;
    border-radius: 10px;
    /* 设置距上方元素距离 */
    margin-top: 20px;
}
/* 设置鼠标移动到按钮上点击的效果 */
#submit:active {
    background-color: #666;
}